<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>Understanding Responsive Images - Lesson 4</title>

	<!-- Styles -->
	<style>
		img {
			max-width: 100%;
			height: auto;
		}

		body {
			text-align: center;
		}
	</style>
</head>
<body>

	<img src="img/people-14.jpg" alt="People" />

	<h1>Looking ahead</h1>

	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum autem quisquam quis perferendis consequuntur accusamus provident at aspernatur voluptate quaerat placeat quo esse porro molestias deleniti eligendi, ipsam veniam illum!</p>

	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum autem quisquam quis perferendis consequuntur accusamus provident at aspernatur voluptate quaerat placeat quo esse porro molestias deleniti eligendi, ipsam veniam illum!</p>

	<img src="img/nature-6.jpg" alt="People" />

	<h1>Walking in nature</h1>

	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum autem quisquam quis perferendis consequuntur accusamus provident at aspernatur voluptate quaerat placeat quo esse porro molestias deleniti eligendi, ipsam veniam illum!</p>

	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum autem quisquam quis perferendis consequuntur accusamus provident at aspernatur voluptate quaerat placeat quo esse porro molestias deleniti eligendi, ipsam veniam illum!</p>

</body>
</html>